<template>
<div style="width: 100%;height: 250px;">
  <div style="width: 50%;height: 250px;float: right">
    <h2>**人数</h2>
    <p class="one">{{ geWei }}</p>
  </div>
  <div style="width: 50%;height: 250px;float: right">
    <h2>**人数</h2>
    <p class="two">{{ beiRuan }}</p>
  </div>
</div>
</template>

<script>
export default {
  name: "Quantity",
  data(){
    return{
      beiRuan:32,
      geWei:52
    }
  }
}
</script>

<style scoped>
h2{
  background-color: blanchedalmond;
  text-align: center;
  color: orangered;
  font-size: 30px;
  margin: 0;
}
.one{
  position: relative;
  top: -10%;
  right: -15%;
  font-size: 80px;
  font-family: Bodoni MT Black;
  color: chartreuse;
}
.two{
  position: relative;
  top: -10%;
  right: -15%;
  font-size: 80px;
  font-family: Bodoni MT Black;
  color: darkorange;
}
</style>
